<template>
  <h2 class="topView">
    <el-row :gutter="20">
      <el-col :span="6">
        <el-card shadow="hover">
          <total-sales />
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <total-orders />
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <today-users />
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <total-users />
        </el-card>
      </el-col>
    </el-row>
  </h2>
</template>

<script setup lang="ts">
import todayUsers from "./today-users/index.vue";
import totalSales from "./total-sales/index.vue";
import totalOrders from "./total-orders/index.vue";
import totalUsers from "./total-users/index.vue";
</script>

<style scoped></style>
